@charset "utf-8";
.gwidth{width: 1200px;margin: 0 auto;}
.pc{display: block;}
.ipad{display: none;}
.phone{display: none;}

.index_box{background-color: #F5F5F5;}
/* 顶部 */
.head_top{height: 35px;line-height: 35px;background-color: #ECECEC;}
.head_top .header>p{float: left;font-size: 14px;color: #333;}
.head_top .header>div{float: right;font-size: 14px;color: #333;}
.head_btm{height: 93px;background-color: #FFF;}
.head_btm>div>img{float: left;width: 480px;height: 33px;margin-top: 30px;}
.head_btm>div>div{float: right;height: 46px;margin: 24px 0 0;background: url(../images/tubiao_dianhua.png) left center no-repeat;background-size: 45px;padding-left: 55px;}
.head_btm>div>div>span{display: block;line-height: 26px;font-size: 16px;color: #333;}
.head_btm>div>div>p{line-height: 22px;font-size: 16px;color: #0256AC;}

/* 导航栏 */
.phone_nav{display: none;}
.nav{height: 50px;background-color: #0256AC;}
.nav>ul>li{float: left;width: 150px;height: 50px;line-height: 50px;text-align: center;position: relative;transition: all .3s;}
.nav>ul>li:hover{background-color: #0867CC;}
.nav>ul>li>a{font-size: 16px;color: #FFF;}
.nav>ul>li>i{display: inline-block;width: 24px;height: 12px;background: url(../images/tubiao_xiasanjiao.png) right center no-repeat;background-size: 28px;overflow: hidden;}
.nav>ul>li ol{display: none;width: 148px;background-color: #FFF;border: 1px solid #0867CC;position: absolute;top: 49px;transition: all .3s;z-index: 15;}
.nav>ul>li:hover ol{display: block;}
.nav>ul>li ol>li{line-height: 32px;text-align: center;font-size: 16px;color: #333;border-bottom: 1px solid #DDD;transition: all .3s;}
.nav>ul>li ol>li:last-child{border-bottom: none;}
.nav>ul>li ol>li:hover{background-color: #0867CC;color: #FFF;}

/* 轮播banner */
.lb{width: 100%;overflow: hidden;margin-top: 0;}
.lb .banner{position: relative;overflow: hidden;text-align: center;width: 100%;margin:0 auto;}
.lb .banner .dots{position:absolute;left:0;right:0;bottom:15px;z-index:3;}
.lb .banner .dots li{display:inline-block;width:15px;height:15px;margin:0 6px;text-indent:-999em;border:1px solid #0256AC;opacity:.8;border-radius:50%;cursor:pointer;background-color: #FFF;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s;}
.lb .banner .dots li.active{background:#0256AC;opacity:1;border-color: #0256AC;}
.lb .banner .arrow{position:absolute;top: 44%; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.lb .banner ul{z-index: 1;width: 100%;overflow: hidden;}
.lb .banner ul .slider-item {width: 100%;float: left; position: relative; overflow: hidden;}
.lb .banner ul .slider-item img{display: block;width: 100%;}
.lb .banner ul .slider-item .slider-title {position: absolute;left: 0;bottom: 0px;width: 610px;max-height: 56px;padding: 15px;text-align:left;line-height: 28px;color: #fff;font-size: 18px;font-weight: bold;background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.9));background: url(../images/slider-info-bg.png) \9;}

.lb_zp{height: 174px;margin-top: -60px;margin-bottom: 0;position: relative;z-index: 11;}
.lb_zp>ul>li:nth-child(1){float: left;width: 400px;height: 174px;margin: auto;}
.lb_zp>ul>li:nth-child(2){float: left;width: 400px;height: 174px;margin: auto;}
.lb_zp>ul>li:nth-child(3){float: left;width: 400px;height: 174px;margin: auto;}
.lb_zp>ul>li:nth-child(1){background: url(../images/index_1.png) center center no-repeat;}
.lb_zp>ul>li:nth-child(2){background: url(../images/index_2.png) center center no-repeat;}
.lb_zp>ul>li:nth-child(3){background: url(../images/index_3.png) center center no-repeat;}
.lb_zp>ul>li div{margin: 42px 0 0 28px;}
.lb_zp>ul>li div>h4{line-height: 30px;font-size: 24px;color: #FFF;text-align: left;}
.lb_zp>ul>li div>p{display: block;width: 219px;height: 66px;line-height: 22px;font-size: 14px;color: #FFF;padding-bottom: 0;}
.lb_zp>ul>li:nth-child(1) div{background: url(../images/index_xiuli.png) left center no-repeat;padding-left: 72px;padding-top: 0;}
.lb_zp>ul>li:nth-child(2) div{background: url(../images/index_qiye.png) left center no-repeat;padding-left: 72px;padding-top: 0;}
.lb_zp>ul>li:nth-child(3) div{background: url(../images/index_zizhi.png) left center no-repeat;padding-left: 72px;padding-top: 0;}

/* index-产品推荐 */
.ctta{margin-top: 40px;margin-bottom: 60px;}
.ctta>h2{line-height: 40px;font-size: 34px;color: #0256AC;text-align: center;background: url(../images/index_a.png) center center no-repeat;margin-bottom: 40px;}
.ctta .ctta_top{margin-bottom: 30px;}
.ctta>div{overflow: hidden;}
.ctta>div>div{line-height: 30px;margin-bottom: 15px;}
.ctta>div>div h3{display: inline-block;float: left;font-size: 24px;color: #0256AC;margin-right: 5px;}
.ctta>div>div span{float: left;font-size: 14px;color: #333;}
.ctta>div>div a{float: right;font-size: 16px;color: #333;transition: all .3s;}
.ctta>div>div a:hover{color: #0256AC;}
.ctta>.ctta_top>.ctta_p1{float: left;width: 225px;height: 292px;background: url(../images/index_cp2.png) center center no-repeat;background-size: 100% 100%;}
.ctta>.ctta_top>.ctta_p2{float: left;width: 225px;height: 292px;background: url(../images/index_cp1.png) center center no-repeat;background-size: 100% 100%;}
.ctta>.ctta_top>.ctta_p3{float: left;width: 225px;height: 292px;background: url(../images/index_cp3.png) center center no-repeat;background-size: 100% 100%;}
.ctta>.ctta_btm>p{float: left;width: 225px;height: 292px;background: url(../images/index_cp4.png) center center no-repeat;background-size: 100% 100%;}
.ctta>div>ul{float: right;width: 945px;}
.ctta>div>ul li{float: left;width: 300px;background-color: #FFF;box-shadow: none;border: 1px solid #DDD;margin: 0 19px 16px 0;}
.ctta>div>ul li:nth-child(3n){margin-right: 0;}
.ctta>div>ul li:nth-child(n+4){margin-bottom: 0;}
.ctta>div>ul li>div{width: 300px;height: 210px;overflow: hidden;}
.ctta>div>ul li>div img{width: 100%;height: 100%;/* transition: all .6s;-ms-transition: all .8s; */}
/* .ctta>div>ul li>div:hover img{transform: scale(1.1);-ms-transform: scale(1.1);} */
.ctta>div>ul li>h4{height: 72px;line-height: 24px;font-size: 16px;color: #222;font-weight: 500;padding: 5px 10px;/* overflow: hidden;white-space: nowrap;text-overflow: ellipsis; */transition: all .3s;}
.ctta>div>ul li:hover>h4{color: #0256AC;}
.ctta>div>ul li>p{height: 56px;overflow: hidden;position: relative;}
.ctta>div>ul li>p span{display: inline-block;line-height: 28px;padding: 0 10px;font-size: 14px;color: #555;transition: all .3s;position: relative;z-index: 3;}
.ctta>div>ul li:hover>p span{color: #FFF;}
.ctta>div>ul li>p em{display: inline-block;width: 100%;height: 0;background-color: #0256AC;position: absolute;left: 0;bottom: 0;z-index: 2;transition: all .3s;}
.ctta>div>ul li:hover>p em{height: 56px;}

.ctta_ppy{height: 231px;background: url(../images/index_ljck.png) top center no-repeat;}
.ctta_pp{color: #FFF;}
.ctta_pp>div{float: left;width: 800px;margin-top: 20px;}
.ctta_pp>div h2{line-height: 40px;font-size: 32px;margin-bottom: 10px;text-align: left;}
.ctta_pp>div p{display: block;height: 125px;line-height: 24px;font-size: 15px;overflow: hidden;}
.ctta_pp>a{float: right;display: block;width: 142px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #FFF;font-size: 24px;margin-top: 89px;}

/* index-关于我们 */
.cttby{height: 598px;padding: 0;background: url(../images/index_gywm.png) top center no-repeat;}
.cttb{position: relative;}
.cttb>h1{line-height: ;font-size: 38px;color: #222;position: absolute;top: 105px;left: 0;margin: 0;}
.cttb>ol{position: absolute;top: 105px;right: 43px;margin: 0;}
.cttb>ol li{float: left;width: auto;margin: 0 13px 0 0;}
.cttb>.cttb_div1{width: 100%;line-height: 28px;font-size: 15px;color: #222;position: absolute;top: 245px;margin: 0;}
.cttb>.cttb_div1 span{display: block;}
.cttb>p{height: 66px;font-size: 25px;color: #222;position: absolute;left: 0;top: 430px;margin: 0;overflow: hidden;}
.cttb>p i{display: block;float: left;width: auto;line-height: 66px;margin-right: 5px;}
.cttb>p em{display: block;float: left;width: auto;line-height: 33px;}
.cttb>.cttb_div2{width: 166px;height: 437px;border: 6px solid rgba(129,171,214,.5);position: relative;top: 69px;left: 500px;}
.cttb>.cttb_div2 h4{width: 60px;height: 90px;font-size: 30px;color: #0256AC;position: absolute;top: 30px;left: 54px;}
.cttb>.cttb_div2 a{display: block;width: 84px;height: 34px;line-height: 34px;text-align: center;background-color: #0256AC;font-size: 16px;color: #FFF;position: absolute;bottom: -20px;left: 37px;border-left: 4px solid #FFF;border-right: 4px solid #FFF;}

/* index-应用案例 */
.cttcy{background: url(../images/index_yyal.png) top center no-repeat;padding: 27px 0 78px;}
.cttc>h2{line-height: 162px;font-size: 34px;color: #FFF;text-align: center;background: url(../images/index_b.png) center center no-repeat;}
.cttc>ul li{float: left;width: 289px;margin: 0 14px 0 0;}
.cttc>ul li:nth-child(4n){margin-right: 0;}
.cttc>ul li>div{width: 289px;height: 203px;overflow: hidden;position: relative;}
.cttc>ul li>div img{width: 100%;height: 100%;transition: all .6s;-ms-transition: all .8s;}
.cttc>ul li>div:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}
.cttc>ul li>div p{display: none;height: 80%;position: absolute;top: 0;left: 0;padding: 20% 5% 0;background-color: rgba(2,86,172,.5);transition: all .3s;}
.cttc>ul li>div p>span{display: inline-block;height: 88px;line-height: 22px;font-size: 14px;color: #FFF;overflow: hidden;}
.cttc>ul li>div:hover p{display: block;}
.cttc>ul li>h4{line-height: 30px;text-align: center;background-color: #0256AC;padding: 0 20px;font-size: 16px;color: #FFF;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* index-新闻资讯 */
.cttdy{background: #F5F5F5;padding: 0 0 46px;}
.cttd>h2{line-height: 162px;font-size: 34px;color: #0256AC;text-align: center;background: url(../images/index_a.png) center center no-repeat;}
.cttd .cttd_div{float: left;width: 336px;padding: 22px 32px 22px;background-color: #FFF;position: relative;}
.cttd .cttd_div:before{content: "";display: block;width: 100%;height: 160px;background-color: #0256AC;position: absolute;top: 0;left: 0;z-index: 1;}
.cttd .cttd_div>div{position: relative;z-index: 2;}
.cttd .cttd_div>div:hover a{text-decoration: underline;}
.cttd .cttd_div>div>a{display: block;width: 336px;height: 234px;overflow: hidden;}
.cttd .cttd_div>div>a img{width: 100%;height: 100%;transition: all .6s;-ms-transition: all .8s;}
.cttd .cttd_div>div>a:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}
.cttd .cttd_div>div>h4{float: left;width: 70%;line-height: 30px;padding: 10px 0 0;font-size: 16px;color: #333;font-weight: 600;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cttd .cttd_div>div:hover>h4{color: #0256AC;}
.cttd .cttd_div>div>span{float: right;text-align: right;margin: 10px 0 0;width: 30%;display: block;line-height: 30px;font-size: 14px;color: #888;}
.cttd .cttd_div>div>p{width: 100%;height: 75px;line-height: 26px;font-size: 13px;color: #999;overflow: hidden;}
.cttd>ul{float: right;width: 718px;border: 1px solid #DDD;background-color: #FFF;padding: 10px 40px 10px 10px;}
.cttd>ul li{margin: 10px 0;padding: 15px 0;}
.cttd>ul li>span{display: block;float: left;width: 60px;height: 70px;margin-left: 30px;}
.cttd>ul li>span i{display: block;line-height: 42px;font-size: 42px;color: #0256AC;font-weight: 700;}
.cttd>ul li>span em{display: block;line-height: 18px;font-size: 13px;color: #333;}
.cttd>ul li:hover>div a{text-decoration: underline;}
.cttd>ul li>div{float: right;width: 618px;}
.cttd>ul li>div h4{width: 70%;line-height: 24px;font-size: 16px;color: #333;font-weight: 600;margin-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cttd>ul li:hover>div h4{color: #0256AC;}
.cttd>ul li>div p{height: 52px;line-height: 26px;font-size: 13px;color: #999;overflow: hidden;}

/* index-联系我们 */
.ctte{background: url(../images/index_lxwm.png) top center no-repeat;padding: 110px 0 200px;text-align: center;}
.ctte>h2{line-height: 30px;font-size: 30px;color: #0256AC;font-weight: 600;margin-bottom: 15px;}
.ctte>ul{width: 400px;margin: 0 auto;font-size: 14px;color: #333;}
.ctte>ul li{line-height: 24px;}

/* index-友情链接 */
.index_yqlj{line-height: 54px;background-color: #F5F5F5;text-align: center;}
.index_yqlj>div span{font-size: 16px;color: #333;}
.index_yqlj>div a{font-size: 14px;color: #666;margin: 0 5px;}

/* 底部 */
footer{background-color: #222;}
.foot_top{height: 280px;font-size: 14px;color: #999;padding: 0;}
.foot_top h4{line-height: 26px;font-size: 22px;color: #FFF;font-weight: 700;font-family: "PangMenZhengDao";margin: 47px 0 15px;text-align: left;}
.foot_top>ul li>a:hover,.foot_top>ol li>a:hover{color: #FFF;text-decoration: underline;}
.foot_top>div{float: left;width: 338px;margin-right: 120px;}
.foot_top>div p{height: 100px;line-height: 20px;overflow: hidden;}
.foot_top>ul{float: left;width: 164px;margin-right: 110px;}
.foot_top>ul li:nth-child(n+2){float: left;width: 82px;line-height: 20px;}
.foot_top>ol{float: left;width: 270px;}
.foot_top>ol li:nth-child(n+2){float: left;width: 130px;line-height: 20px;margin-right: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.foot_top>dl{float: right;width: 100px;}
.foot_top>dl dt:nth-child(n+2) img{width: 99px;}
.foot_btm{line-height: 22px;border-top: 1px solid #666;text-align: center;font-size: 14px;color: #999;padding: 6px 0;}

/* banner */
.inside_banner{width: 100%;overflow: hidden;padding-top: 0;}
.inside_banner img{width: 100%;}

/* 推荐产品 */
.tjcp_box{background-color: #F5F5F5;padding: 0 0 60px;}
.tuijian_cp{padding: 15px 0 30px;background-color: #FFF;box-shadow: 5px 0 5px #EEE, -5px 0 5px #EEE, 0 5px 5px #EEE, 0 -5px 5px #EEE;}
.tuijian_cp>h4{line-height: 30px;font-size: 20px;color: #0867CC;font-weight: 600;margin: 20px 19px 20px;padding-left: 17px;position: relative;}
.tuijian_cp>h4:before{content: "";display: block;width: 7px;height: 30px;background-color: #0867CC;position: absolute;left: 0;}
.tuijian_cp>ul{margin: 0 19px;}
.tuijian_cp>ul li{float: left;width: 273px;background-color: #FFF;box-shadow: none;border: 1px solid #DDD;margin: 0 20px 15px 0;}
.tuijian_cp>ul li:nth-child(4n){margin-right: 0;}
.tuijian_cp>ul li>div{width: 273px;height: 192px;overflow: hidden;}
.tuijian_cp>ul li>div img{width: 100%;height: 100%;}
.tuijian_cp>ul li>h4{height: 72px;line-height: 24px;font-size: 16px;color: #222;font-weight: 500;padding: 5px 10px;/* overflow: hidden;white-space: nowrap;text-overflow: ellipsis; */transition: all .3s;}
.tuijian_cp>ul li:hover>h4{color: #0256AC;}
.tuijian_cp>ul li>p{height: 56px;overflow: hidden;position: relative;}
.tuijian_cp>ul li>p span{display: inline-block;line-height: 28px;padding: 0 10px;font-size: 14px;color: #555;transition: all .3s;position: relative;z-index: 3;}
.tuijian_cp>ul li:hover>p span{color: #FFF;}
.tuijian_cp>ul li>p em{display: inline-block;width: 100%;height: 0;background-color: #0256AC;position: absolute;left: 0;bottom: 0;z-index: 2;transition: all .3s;}
.tuijian_cp>ul li:hover>p em{height: 56px;}

/* 推荐新闻 */
.tuijian_cp>ol{margin: 0 19px;}
.tuijian_cp>ol li{width: 547px;line-height: 32px;}
.tuijian_cp>ol li:nth-child(2n-1){float: left;}
.tuijian_cp>ol li:nth-child(2n){float: right;}

/* --------------------Inside pages|产品中心-------------------- */
.cpzxy{padding: 40px 0 60px;background-color: #F5F5F5;}
.cpzx .cpzx_rgt h2{line-height: 40px;text-align: center;font-size: 30px;color: #0256AC;font-weight: 700;margin: 0 0 40px;}
.cpzx .cpzx_rgt h2>i{position: relative;}
.cpzx .cpzx_rgt h2>i:after{content: "";display: block;width: 172px;height: 24px;background: url(../images/index_az.png) left center no-repeat;position: absolute;left: -195px;top: 8px;}
.cpzx .cpzx_rgt h2>i:before{content: "";display: block;width: 172px;height: 24px;background: url(../images/index_ay.png) right center no-repeat;position: absolute;right: -195px;top: 8px;}
/* left */
.content_left{display: none;}
.cpzx_left{float: left;width: 252px;}
.cpzx_left>h3{height: 75px;line-height: 75px;text-align: center;background: url(../images/inside_nav.jpg) center no-repeat;font-size: 27px;color: #FFF;font-weight: 700;}
.cpzx_left>ul{padding: 20px 10px 7px;border-bottom: 10px solid #0867CC;margin-bottom: 20px;background-color: #EAEAEA;}
.cpzx_left>ul>li{position: relative;}
.cpzx_left>ul>li:hover>ul{display: block;}
.cpzx_left>ul>li>a{display: block;line-height: 32px;background-color: #FFF;text-align: center;font-size: 15px;margin-bottom: 3px;transition: all .3s;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.cpzx_left>ul>li>a:hover{background-color: #0256AC;color: #FFF;}
.cpzx_left>ul>li>ul{display: none;width: 142px;background-color: #FFF;position: absolute;right: -148px;top: 0;z-index: 99;border-left: 6px solid #EAEAEA;}
.cpzx_left>ul>li>ul li{line-height: 30px;transition: all .3s;color: #333;}
.cpzx_left>ul>li>ul li:hover{background-color: #0256AC;color: #FFF;}
.cpzx_left>ul>li>ul li>a{display: block;width: 126px;margin: 0 8px;text-align: center;border-bottom: 1px solid #DDD;font-size: 14px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.cpzx_left>ul>li>ul li:hover>a{border-bottom: 1px solid #0256AC;}
.cpzx_left>ul>li>ul li:last-child>a{border-bottom: none;}
.cpzx_left>ol{padding: 5px;background-color: #EAEAEA;margin-bottom: 20px;border-bottom: 10px solid #0867CC;}
.cpzx_left>ol li{background-color: #FFF;}
.cpzx_left>ol li>a{display: block;max-height: 38px;line-height: 20px;margin: 0 7px;padding: 5px 0;border-bottom: 1px solid #DDD;font-size: 14px;color: #333;transition: all .3s;overflow: hidden;}
.cpzx_left>ol li:last-child>a{border-bottom: none;}
.cpzx_left>ol li>a:hover{color: #0256AC;}
.cpzx_left>dl{padding: 5px;background-color: #EAEAEA;border-bottom: 10px solid #0867CC;}
.cpzx_left>dl dt{line-height: 22px;padding: 5px;background-color: #FFF;font-size: 14px;color: #333;}
.cpzx_left>dl dt em{display: inline-block;float: left;width: 42px;}
.cpzx_left>dl dt i{display: inline-block;float: left;width: 186px;}
/* right */
.cpzx_rgt{float: right;width: 920px;}
.cpzx_rgt>ul{margin-bottom: 30px;}
.cpzx_rgt>ul li{float: left;width: 294px;background-color: #FFF;box-shadow: none;border: 1px solid #DDD;margin: 0 16px 15px 0;}
.cpzx_rgt>ul li:nth-child(3n){margin-right: 0;}
.cpzx_rgt>ul li>div{width: 294px;height: 206px;overflow: hidden;}
.cpzx_rgt>ul li>div img{width: 100%;height: 100%;}
.cpzx_rgt>ul li>h4{height: 72px;line-height: 24px;font-size: 16px;color: #222;font-weight: 500;padding: 5px 10px;/* overflow: hidden;white-space: nowrap;text-overflow: ellipsis; */transition: all .3s;}
.cpzx_rgt>ul li:hover>h4{color: #0256AC;}
.cpzx_rgt>ul li>p{height: 56px;overflow: hidden;position: relative;}
.cpzx_rgt>ul li>p span{display: inline-block;line-height: 28px;padding: 0 10px;font-size: 14px;color: #555;transition: all .3s;position: relative;z-index: 3;}
.cpzx_rgt>ul li:hover>p span{color: #FFF;}
.cpzx_rgt>ul li>p em{display: inline-block;width: 100%;height: 0;background-color: #0256AC;position: absolute;left: 0;bottom: 0;z-index: 2;transition: all .3s;}
.cpzx_rgt>ul li:hover>p em{height: 56px;}
.cpzx_rgt_ol{margin: 15px 0 30px;text-align: center;}
.cpzx_rgt_ol>li{display: inline-block;height: 40px;line-height: 40px;padding: 0 10px;border: 1px solid #0256AC;margin: 0 15px 10px 0;font-size: 16px;transition: all .3s;}
.cpzx_rgt_ol>li a{color: #333;transition: all .3s;}
.cpzx_rgt_ol>li:hover{background-color: #0256AC;}
.cpzx_rgt_ol>li:hover a{color: #FFF;}

/* --------------------Details page|产品-------------------- */
/* -----right----- */
.cptails_rgt{float: right;width: 929px;}
/* top */
.cptails_top{margin-bottom: 30px;}
.cptails_top>img{float: left;width: 433px;height: 304px;border: 1px solid #DDD;margin: 0 20px 20px 0;}
.cptails_top>h4{line-height: 30px;font-size: 20px;color: #333;font-weight: 700;margin: 5px 0;}
.cptails_top>p{line-height: 22px;font-size: 14px;color: #666;margin: 5px;}
.cptails_top>p i{display: inline-block;margin-right: 12px;}
.cptails_top>div{line-height: 24px;font-size: 16px;color: #333;text-indent: 2em;padding: 20px 0 30px;}
.cptails_top>div span{display: block;text-indent: 2em;}
.cptails_top>span{display: block;line-height: 22px;font-size: 14px;color: #333;padding: 10px 0 0;border-top: 1px dashed #DDD;}
.cptails_top>span>span{display: block;}
/* bottom */
#tab .tab_menu{width:100%;float:left;background-color: #0256AC;}
#tab .tab_menu li{float:left;width:97px;line-height:37px;border-bottom:0px;cursor:pointer;text-align:center;font-size: 16px;color: #FFF;}
#tab .tab_menu .selected{/*background-color:#0867CC;*/cursor:pointer;font-size: 16px;color: #FFF;}
#tab .tab_box{clear:both;border:1px solid #DDD;background-color:#FFF;}
#tab .tab_box .hide{display:none;}
#tab .tab_box div{padding: 10px;min-height: 671px;line-height: 24px;font-size: 16px;color: #333;}
#tab .tab_box div img{display: block;margin: 6px auto;}

/* --------------------Inside pages|应用案例-------------------- */
.yyal>h2{line-height: 40px;text-align: center;background: url(../images/index_a.png) center center no-repeat;font-size: 30px;color: #0256AC;font-weight: 700;margin: 0 0 35px;}
.yyal>ul{margin-bottom: 30px;}
.yyal>ul li{float: left;width: 289px;margin: 0 14px 30px 0;}
.yyal>ul li:nth-child(4n){margin-right: 0;}
.yyal>ul li>div{width: 289px;height: 203px;overflow: hidden;position: relative;}
.yyal>ul li>div img{width: 100%;height: 100%;transition: all .6s;-ms-transition: all .8s;}
.yyal>ul li>div:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}
.yyal>ul li>div p{display: none;height: 80%;position: absolute;top: 0;left: 0;padding: 20% 5% 0;background-color: rgba(2,86,172,.5);transition: all .3s;}
.yyal>ul li>div p>span{display: inline-block;height: 88px;line-height: 22px;font-size: 14px;color: #FFF;overflow: hidden;}

.yyal>ul li>h4{line-height: 40px;text-align: center;background-color: #0256AC;padding: 0 20px;font-size: 16px;color: #FFF;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* --------------------Inside pages|联系我们-------------------- */
.contact_us{background-color: #F5F5F5;padding: 40px 0 60px;}
.contact>h2{line-height: 40px;text-align: center;background: url(../images/index_a.png) center center no-repeat;font-size: 30px;color: #0256AC;font-weight: 700;margin: 0 0 35px;}
.contact>ul{margin-bottom: 50px;font-size: 0;}
.contact>ul li{float: left;width: 16%;text-align: center;padding: 0 2%;box-shadow: 1px 0 0 #DDD;}
.contact>ul li:last-child{box-shadow: none;}
.contact>ul li>h4{line-height: 30px;font-size: 18px;color: #333;font-weight: 600;margin: 6px 0;}
.contact>ul li>p{height: auto;line-height: 22px;font-size: 14px;color: #333;}

/* --------------------Inside pages|关于我们-------------------- */
.about_us{background-color: #F5F5F5;padding: 40px 0 60px;}
.about>h2{line-height: 40px;text-align: center;background: url(../images/index_a.png) center center no-repeat;font-size: 18px;color: #0256AC;font-weight: 700;margin: 0 0 35px;}
.about>ol{margin-bottom: 50px;text-align: center;font-size: 0;}
.about>ol li{display: inline-block;height: 34px;line-height: 34px;font-size: 18px;color: #222;padding: 0 20px;border: 1px solid #0256AC;border-radius: 4px;margin: 0 5px;transition: all .3s;background-color: #FFF;}
.about>ol li:hover{background-color: #0256AC;color: #FFF;}
.about_jj{margin-bottom: 60px;background-color: #FFF;padding: 20px 10px;}
.about_jj>div{width: auto;}
.about_jj>div h4{line-height: 21px;padding-left: 10px;font-size: 20px;color: #222;font-weight: 600;position: relative;margin-bottom: 20px;}
.about_jj>div h4:before{content: "";display: block;width: 4px;height: 21px;background-color: #0256AC;position: absolute;left: 0;}
.about_jj>div{line-height: 26px;font-size: 14px;color: #222;text-indent: 2em;}
.about_jj>div span{display: block;text-indent: 2em;}
.about_jj>div>a{display: block;width: 100px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #333;border: 1px solid #DDD;margin-top: 15px;transition: all .3s;}
.about_jj>div>a:hover{background-color: #0256AC;color: #FFF;}
.about_jj>div>img{float: left;width: 45%;margin: 0 20px 10px 0;}
.about_zz{margin-bottom: 60px;}
.about_zz>h4{line-height: 26px;padding-bottom: 10px;text-align: center;font-size: 25px;color: #222;position: relative;margin-bottom: 30px;}
.about_zz>h4:before{content: "";display: block;width: 3%;height: 4px;background-color: #0256AC;position: absolute;bottom: 0;left: 48.5%;}
.about_zz .marqueeleft{height:347px;overflow:hidden;}
.about_zz .marqueeleft>div>ul{float:left;}
.about_zz .marqueeleft>div>ul>li{float:left;margin:0 5px;display:inline;width:230px;height:347px;overflow:hidden;}
.about_zz .marqueeleft>div>ul>li .pic{display:block;width:230px;height:307px;overflow:hidden;}
.about_zz .marqueeleft>div>ul>li .pic img{width: 230px;height: 307px;}
.about_zz .marqueeleft>div>ul>li .txt{text-align:center;line-height:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.about_zz>a{display: block;width: 177px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #DDD;font-size: 16px;color: #222;margin: 20px auto 0;transition: all .3s;border-radius: 4px;}
.about_zz>a:hover{background-color: #0256AC;color: #FFF;}
.about_wh{padding: 30px 15px;background-color: #FFF;position: relative;margin-bottom: 60px;}
.about_wh>h4{line-height: 21px;padding-left: 10px;font-size: 20px;color: #222;font-weight: 600;position: relative;margin-bottom: 20px;}
.about_wh>h4:before{content: "";display: block;width: 4px;height: 21px;background-color: #0256AC;position: absolute;left: 0;}
.about_wh>img{display: block;width: 100%;}
.about_wh>div{width: 48%;max-height: 224px;line-height: 28px;font-size: 16px;color: #333;position: absolute;top: 66px;left: 27%;z-index: 3;overflow: hidden;}
.about_wh>div span{display: block;}
.about_pp{margin-bottom: 60px;}
.about_pp>h4{line-height: 26px;padding-bottom: 10px;text-align: center;font-size: 25px;color: #222;position: relative;margin-bottom: 30px;}
.about_pp>h4:before{content: "";display: block;width: 3%;height: 4px;background-color: #0256AC;position: absolute;bottom: 0;left: 48.5%;}
.about_pp>ul li{float: left;width: 225px;height: 122px;border: 1px solid #AAA;margin: 0 16px 15px 0;}
.about_pp>ul li:nth-child(5n){margin-right: 0;}
.about_pp>ul li:nth-child(n+6){margin-bottom: 0;}
/* .about_pp>ul li:hover{border: 1px solid #0256AC;box-shadow: 2px 0 2px #DDD, -2px 0 2px #DDD, 0 2px 2px #DDD, 0 -2px 2px #DDD;} */
.about_td{padding: 30px 15px;background-color: #FFF;}
.about_td>h4{line-height: 21px;padding-left: 10px;font-size: 20px;color: #222;font-weight: 600;position: relative;margin-bottom: 20px;}
.about_td>h4:before{content: "";display: block;width: 4px;height: 21px;background-color: #0256AC;position: absolute;left: 0;}
.about_td>ul>li{float: left;width: 285px;height: 212px;margin: 0 10px 15px 0;overflow: hidden;position: relative;}
.about_td>ul>li:nth-child(4n){margin-right: 0;}
.about_td>ul>li:nth-child(n+5){margin-bottom: 0;}
.about_td>ul>li img{width: 100%;height: 100%;transition: all .6s;-ms-transition: all .8s;}
.about_td>ul>li:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}
.about_td>ul>li p{width: 100%;line-height: 30px;text-align: center;background-color: rgba(0,0,0,.4);font-size: 16px;color: #FFF;position: absolute;bottom: 0;}
.about_td>a{display: block;width: 177px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #DDD;font-size: 16px;color: #222;margin: 30px auto 0;transition: all .3s;border-radius: 4px;}
.about_td>a:hover{background-color: #0256AC;color: #FFF;}

.about_gsjj{padding: 40px 2%;width: 96%;background-color: #FFF;}
.about_gsjj{float: left;}
.about_gsjj h4{display: inline-block;line-height: 21px;padding-left: 10px;font-size: 20px;color: #222;font-weight: 600;position: relative;margin-bottom: 20px;}
.about_gsjj h4:before{content: "";display: block;width: 4px;height: 21px;background-color: #0256AC;position: absolute;left: 0;}
.about_gsjj>div{line-height: 26px;font-size: 14px;color: #222;text-indent: 2em;}
.about_gsjj>div span{display: block;text-indent: 2em;}


.khfw>div img{display: block;width: 31.3%;margin: 6px 1%;}
.about_gsjj>div img{float: left;width: 45%;margin: 0 30px 10px 0;}
.about_gsjj>img{float: left;width: 45%;margin: 0 30px 10px 0;}
.about_qyzz .about_qy>li{float: left;width: 230px;margin: 0 12px 20px 0;}
.about_qyzz .about_qy>li:nth-child(5n){margin-right: 0;}
.about_qyzz .about_qy>li img{width: 230px;height: 307px;}

.about_jjtd .about_qy>li{float: left;width: 285px;margin: 0 20px 20px 0;}
.about_jjtd .about_qy>li:nth-child(4n){margin-right: 0;}
.about_jjtd .about_qy>li img{width: 285px;height: 212px;}